<style>
  .card{
    background-color:#fff;
    border: 1px solid #d8d8d8;
    cursor: pointer;
  }
  .scoreBox{

  }
  .bg{
    background-color: #f5f5f5;
  }
  .name{
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #37a;
    overflow: hidden;
  }
  .icon{
    height: 16px;
    width: 16px;
    font-size: 16px;
  }
  .time{
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666;

  }
  .mytitle{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px ;
  }
  ::ng-deep .ant-rate {
    color: #37a;
    font-size: 13px;

  }
  .space{
    margin-bottom: 15px;
  }
</style>
<div style="height: 100px" class="bg"></div>
<div class="center bg">
  <div style="width: 80%">
    <mat-card class="example-card">
      <mat-card-header>
        <mat-card-title>选择您所感兴趣的影片类型</mat-card-title>
      </mat-card-header>
      <mat-divider></mat-divider>
      <mat-card-content>
        <div nz-row>
          <div nz-col nzSpan="4" *ngFor="let t of types" class="left" style="margin-top:10px">
            <mat-checkbox class="example-margin" (change)="add(t)">{{t}}</mat-checkbox>
          </div>
        </div>
      </mat-card-content>
      <mat-divider></mat-divider>
      <mat-card-actions>
        <button mat-raised-button color="primary" (click)="save()">保存</button>
      </mat-card-actions>
    </mat-card>
  </div>
</div>
<div style="height: 100px" class="bg"></div>
